<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/login.css" />
</head>

<body>
    <header class="logo w">
        <a href="index.html" title="品优购商城" target="_blank">品优购商城</a>
    </header>
    <div class="login">
        <div class="loginArea w">
            <div class="login-box">
                <ul class="tab-nav clearfix">
                    <li>扫码登录</li>
                    <li class="active">账号登录</li>
                </ul>
                <div class="tab-content">
                    <div class="form hide">
                        <img src="img/erweima.png" alt="">
                    </div>
                    <div class="form">
                        <span class="user-icon"></span>
                        <input type="text" placeholder="用户名/邮箱" class="user">
                        <span class="pwd-icon"></span>
                        <input type="password" placeholder="请输入密码" class="pwd">
                        <img src="img/eyeclose.png" alt="" class="eye-img">
                        <div>
                            <label for="sel"><input type="checkbox" id="sel">记住用户名+密码</label>
                            <a href="javascript:;">忘记密码?</a>
                        </div>
                        <a href="index.html" class="login-btn">登&nbsp;&nbsp;录</a>
                    </div>
                </div>
                <div class="registration">
                    <ul>
                        <li>
                            <a href="javascript:;"></a>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                        </li>
                    </ul>
                    <a href="register.html">立即注册</a>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="mod_copyright">
            <div class="links">
                <a href="#">关于我们</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">联系客服</a><i>|</i><a href="#">商家入驻</a><i>|</i><a href="#">营销中心</a><i>|</i><a href="#">手机品优购</a><i>|</i><a href="#">友情链接</a><i>|</i><a href="#">销售联盟</a><i>|</i><a href="#">品优购社区</a><i>|</i>
                <a href="#">品优购公益</a><i>|</i><a href="#">English Site</a><i>|</i><a href="#">Media & IR</a>
            </div>
            <div class="copyright">
                <p>地址：北京市昌平区建材城西路金燕龙办公楼<i>|</i>邮编：100096<i>|</i>电话：400-618-4000<i>|</i>传真：010-82935100<i>|</i>邮箱：@pyg.com<br/>Copyright © 2017-2021 品优购版权所有<i>|</i>京ICP备08001021号</p>
            </div>
        </div>
    </footer>
    <script src="js/login.js"></script>
</body>

</html>